
/* Project: AGILSUN
*  Author: Mr. Tien <tien06051992@gmail.com>
*/

/* ==========================================================================
   Tien's custom styles
   ========================================================================== */

/* ==========================================================================
   RESET SETTING
   ========================================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */

:focus { outline: 0; }

.group {
    display: inline-block;
    clear: both;
}

body {
    font-family: Arial, helvetica, Georgia, sans-serif;
    line-height: 1;
    color: black;
    background: white;
    font-size: 62.5%;
    line-height: 1.5;
}

ol,
ul,
li { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote,
q { quotes: "" ""; }

a { text-decoration: none; }

a img { border: none; }

.uppercase { text-transform: uppercase; }

.bold { font-weight: bold; }

input[type="submit"]:hover { cursor: pointer; }

img {
    max-width: 100%;
    height: auto;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
   END RESET SETTING
   ========================================================================== */

/*________Tien 's header style____________*/

body { font-family: 'Open Sans', sans-serif; }

#container .container {
    max-width: 960px;
    padding: 0px;
}

#main {
    padding: 0px;
    min-height: 300px;
}

.sprite {
    display: inline-block;
    overflow: hidden;
    background: url('../img/sprite.png') no-repeat;
}

/*******Top Header******/

header {
    background-color: #ff9306;
    position: relative;
}

.header { margin-top: 10px; }

.header ul { position: relative; }

.header span.home-header-shadow {
    width: 960px;
    height: 42px;
    background-position: 0px -137px;
    z-index: 9999;
}

.header span {
    position: absolute;
    top: 194px;
    z-index: 1;
}

.search form {
    float: right;
    position: relative;
    border-bottom: 1px solid #ffc509;
}

.search form input.search-box {
    width: 229px;
    height: 36px;
    color: #a5a5a5;
    padding: 5px 25px 5px 5px;
    border: 1px solid #b56804;
}

.btn-search {
    width: 15px;
    height: 15px;
    background-position: -240px 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
}

.navbar-collapse { padding: 0px; }

.logo,
.search { padding: 0px; }

.logo-head { margin: 0px 0px 60px 0px !important; }

/********Main Nav******/

.main-nav { border: none; }

.main-nav li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0px;
    padding: 18px 30px;
}

.main-nav li a:hover,
.main-nav li a:active,
.main-nav li.active a:hover {
    color: #ff9306;
    background-color: #ffffff !important;/*    font-size: 15px;*/
}

.main-nav li.active a,
.main-nav li.current-menu-item a,
.main-nav li.current_page_item a {
    color: #ff9306;
    background-color: #ffffff !important;
}

.line {
    display: inline-block;
    width: 100%;
    height: 1px;
    color: #fff;
    position: absolute;
    margin: 0px;
    bottom: 50px;
}

.row {
    margin: 0px;
    padding: 0px;
}

/*______Tien 's footer______________*/

.top-footer {
    background: #424242;
    padding-top: 35px;
    padding-bottom: 30px;
}

.top-footer ul.row { margin: 0px; }

.contact,
.social-menu { padding: 0px; }

.contact p.lien-he {
    font-size: 18px;
    font-weight: 700;
    color: #ff9306;
}

.contact p,
.contact {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin: 10px 0px;
}

.contact table td {
    line-height: 25px;
    font-weight: 700;
}

.bird {
    width: 23px;
    height: 19px;
    background-position: 0px -40px;
}

.bird:hover {
    width: 23px;
    height: 19px;
    background-position: -40px -40px;
}

.fb {
    width: 15px;
    height: 25px;
    background-position: -80px -40px;
}

.fb:hover {
    width: 15px;
    height: 25px;
    background-position: -120px -40px;
}

.google {
    width: 27px;
    height: 25px;
    background-position: -160px -40px;
}

.google:hover {
    width: 27px;
    height: 25px;
    background-position: -200px -40px;
}

.skype {
    width: 28px;
    height: 25px;
    background-position: -240px -40px;
}

.skype:hover {
    width: 28px;
    height: 25px;
    background-position: -280px -40px;
}

.social-menu p {
    width: 100%;
    padding: 15px 0px 40px 0px;
}

.social-menu p span {
    margin-left: 28px;
    float: right;
}

.footer-nav { padding-top: 30px; }

.footer-nav li a {
    font-size: 12px;
    color: #fff;
    padding: 0px 0px 0px 30px;
}

.footer-nav li a:hover {
    color: #ff9306;
    background: none;
}

.copyright { background: #ff9306; }

.copyright p {
    font-size: 12px;
    padding: 20px 0px;
    color: #fff;
}

.row { width: 100%; }

/*======================home page content Thuan===========================*/
/***home - slider***/

div.home-slider { position: relative; }

div.home-slider img { }

div.home-slider p.home-slider-shadow {
    height: 27px;
    width: 1300px;
    background-position: 0px -110px;
    position: absolute;
    top: 390px;
    left: 33px;
    z-index: -1;
}

/***end home - slider***/
/***home - promotion***/

.container ul.home { margin-top: 40px; }

.container ul li.home-promotion {
    font-family: 'Segoe UI', opensan;
    background: #1eb2ff;
    display: inline-block;
    padding: 20px 23px 20px 23px;
}

.container ul li.home-promotion ul {
    margin: 0px;
    padding: 0px;
}

.container ul li.home-promotion li.col-md-2 {
    margin: 50px 60px 0px 0px;
    padding: 0px;
}

.container ul li.home-promotion ul.row { width: 100%; }

.container ul li.home-promotion ul li.col-md-10,
.container ul li.home-promotion ul li.col-md-2 {
    margin: 0px;
    padding: 0px;
}

.container ul li.home-promotion ul li p:first-child {
    font-size: 24px;
    font-weight: 700;
    width: 100%;
    color: #ffffff;
}

.container ul li.home-promotion ul li p {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    width: 90%
}

.container ul li.home-promotion ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #1eb2ff;
    border: none;
    border-radius: 0px 0px;
    padding: 13px 22px;
    background: #fff;
    outline-style: none;
    text-decoration: none;
    display: block;
    margin-top: 18px;
    width: 128px;
}

.container ul li.home-promotion ul li a:hover {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #ff9306;
    border: none;
    border-radius: 0px 0px;
    padding: 13px 22px;
    background: #e6f3f9;
    outline-style: none;
    text-decoration: none;
    display: block;
    margin-top: 18px;
    width: 128px;
}

/***end home - promotion***/

/***home service***/

ul li.home-service { margin-top: 70px; }

ul li.home-service ul.row {
    width: 100%;
    margin-top: 0px;
}

li.home-service ul.row li ul { margin: 0px; }

.col-md-4 {
    margin: 0px;
    padding: 0px;
}

ul li.home-service ul.row li ul li {
    width: 250px;
    float: right;
}

ul li.home-service ul li {
    font-family: 'Open Sans', sans-serif;
    color: #a3a3a3;
    font-weight: 700;
    margin: 0px;
    margin-top: 5px;
    min-height: 140px;
    padding-left: 20px;
}

ul li.home-service ul li:first-child { padding-left: 0px !important; }

ul li.home-service ul li h1 {
    font-size: 14px;
    color: #9b9b9b;
    border-bottom: 1px solid #a3a3a3;
    display: block;
    padding-bottom: 5px;
    margin-left: 50px;
}

ul li.home-service ul li p {
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
    margin-left: 50px;
    margin-top: 5px;
}

ul li.home-service ul li a {
    text-decoration: none;
    outline-style: none;
    background: none repeat scroll 0% 0% rgb(255, 147, 6);
    padding: 7px 23px 13px;
    display: block;
    width: 100px;
    height: 28px;
    float: right;
    color: rgb(255, 255, 255);
    margin-top: 10px;
}

ul li.home-service ul li a:hover { background: #fab357; }

ul li.home-service ul li span.home-develop-icon {
    height: 38px;
    width: 37px;
    background-position: -80px 0px;
    float: left;
}

ul li.home-service ul li span.home-maketing-icon {
    height: 31px;
    width: 34px;
    background-position: 0px 0px;
    float: left;
}

ul li.home-service ul li span.home-seo-icon {
    height: 21px;
    width: 30px;
    background-position: -160px 0px;
    float: left;
}

ul li.home-service { position: relative; }

ul li.home-service span.home-service-shadow {
    height: 27px;
    width: 1300px;
    background-position: 0px -179px;
    position: absolute;
    right: -170px;
}

/***end home service***/

#main .container ul li.row {
    margin-top: 65px;
    width: 100%;
}

#main .container ul li.row div.home-referral {
    font-family: 'Open Sans', sans-serif;
    min-height: 173px;
    background: #f3f3f3;
    margin-right: 60px;
}

#main .container ul li.row div.home-referral h1 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #ff9306;
    display: block;
    height: 45px;
    width: 100%;
    padding: 14px 0px 10px 20px;
}

.container ul li.row div.home-referral .textwidget {
    font-size: 12px;
    color: #959494;
    font-weight: 400;
    padding: 20px 10px 10px 10px;
}

/***home referral***/

/***flexslider***/

.container ul li.row div.col-md-8 {
    margin: 0px;
    padding: 0px;
    max-width: 587px;
}

.hover-content { background: none; }

.container ul { margin-top: 15px; }

.container ul li.row div.home-news { max-width: 580px; }

.container ul li.row div.home-news div.flexslider { width: 100%; }

div.home-news h1 {
    font-size: 14px;
    color: #959595;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
}

.container ul li.row div.home-news div.flexslider div.flex-viewport { max-width: 587px; }

.container ul li.row div.home-news div.flexslider div.flex-viewport ul.slides {
    margin: 0px;
    padding: 7px 0px 0px 0px;
}

.container ul li.row div.home-news div.flexslider div.flex-viewport ul.slides li.m-thumb {
    height: 94px;
    width: 178px !important;
    margin: 0px !important;
    margin-right: 25px !important;
    height: 144px
}

.container ul li.row div.home-news div.flexslider div.flex-viewport ul.slides li.m-thumb a {
    height: 94px;
    width: 178px;
    display: block;
}

.container ul li.row div.home-news div.flexslider div.flex-viewport ul.slides li.m-thumb a img {
    height: 94px;
    width: 178px;
}

.container ul li.row div.home-news div.flexslider div.flex-viewport ul.slides li.m-thumb p {
    z-index: 100;
    background: #f7f7f7;
    height: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #a1a1a1;
    padding: 11px 15px 11px 11px;
}

div.home-news div.flexslider ul.flex-direction-nav li a.flex-prev {
    width: 19px !important;
    height: 19px !important;
    background-position: 0px -70px;
    border: none !important;
    border-radius: 0px !important;
    top: -3px !important;
}

div.home-news div.flexslider ul.flex-direction-nav li a.flex-next {
    width: 19px !important;
    height: 19px !important;
    background-position: -80px -70px;
    border: none !important;
    border-radius: 0px !important;
    top: -3px !important;
}

#related .flex-direction-nav .flex-prev { right: 24px; }

/***end flexslider***/
/***home project***/

li.home-project { margin-top: 45px; }

li.home-project h1 {
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 600;
    border-bottom: 1px solid #f3f3f3;
    border-radius: 0px;
    padding-bottom: 2px;
}

li.home-project div.flexslider { margin-top: 20px; }

li.home-project div.flexslider ul.flex-direction-nav li a.flex-prev {
    width: 19px !important;
    height: 19px !important;
    background-position: 0px -70px;
    border: none !important;
    border-radius: 0px !important;
    top: -22px !important;
}

li.home-project div.flexslider ul.flex-direction-nav li a.flex-next {
    width: 19px !important;
    height: 19px !important;
    background-position: -80px -70px;
    border: none !important;
    border-radius: 0px !important;
    top: -22px !important;
}

#related2 .flex-direction-nav .flex-prev { right: 24px; }

.flex-direction-nav a { background-color: transparent; }

.hover-content { background: none; }

.container ul { margin-top: 15px; }

.container ul li.home-project div.flexslider { width: 100%; }

div.home-project h1 {
    font-size: 14px;
    color: #959595;
    font-weight: 600;
    border-bottom: 1px solid #959595;
}

.container ul li.home-project div.flexslider div.flex-viewport { width: 100%; }

.container ul li.home-project div.flexslider div.flex-viewport ul.slides {
    height: 225px;
    margin: 0px;
    padding: 7px 0px 0px 0px;
}

.container ul li.home-project div.flexslider div.flex-viewport ul.slides li.m-thumb {
    height: 100%;
    width: 218px !important;
    margin: 0px !important;
    margin-right: 30px !important;
}

.container ul li.home-project div.flexslider div.flex-viewport ul.slides li.m-thumb a {
    height: 135px;
    width: 220px;
    display: block;
}

.container ul li.home-project div.flexslider div.flex-viewport ul.slides li.m-thumb a img {
    height: 135px;
    width: 220px;
}

.container ul li.home-project div.flexslider div.flex-viewport ul.slides li.m-thumb p {
    z-index: 100;
    font-size: 12px;
    font-weight: 400;
    color: #979797;
}

.container ul li.home-project div.flexslider div.flex-viewport ul.slides li.m-thumb h2 {
    z-index: 100;
    font-size: 14px;
    color: #ff9306;
    font-weight: 800;
    margin: 5px 0px;
}

/***home project***/
/*======================end home page content Thuan=======================*/

/*=====================news-sidebar page Thuan style==============================*/

#main section.container div.row div.col-md-9 { padding-left: 0px; }

div.news-head { background: #f3f3f3; }

div.news-head h1 {
    font-size: 24px;
    font-weight: 700;
    color: #585858;
    margin-top: 35px;
    margin-bottom: 6px;
}

div.news-head h2 {
    font-size: 14px;
    font-weight: 700;
    color: #f59217;
    margin-bottom: 33px;
}

.container div div ul.news-body-content li.news-body-content-title {
    color: #7c7b7c;
    font-size: 14px;
    font-weight: 700;
    border-top: none;
    margin-bottom: 15px;
    margin-left: 10px;
}

.container div div ul.news-body-content li.news-body-content-post {
    border-top: 1px solid #d3d3d3;
    padding-top: 20px;
    margin-bottom: 15px;
    /*    width: 101%;*/
    display: inline-block;
    font-size: 12px;
    color: #9e9d9e;
    text-align: justify;
    min-height: 440px;
}

.container div div ul.news-body-content li.news-body-content-post a h2,
.container div div ul.news-body-content li.news-body-content-post a h2:active {
    font-size: 20px;
    font-weight: 700;
    color: #f59217;
    margin-top: 8px;
    outline-style: none;
}

.container div div ul.news-body-content li.news-body-content-post a h2:hover {
    font-size: 20px;
    font-weight: 700;
    color: #fac682;
    margin-top: 8px;
}

.container div div ul.news-body-content li.news-body-content-post a {
    font-family: 'Segoe UI';
    font-size: 12px;
    font-weight: 400;
    color: #9e9d9e;
}

.container div div ul.news-body-content li.news-body-content-post a:hover {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ff9306;
}

.container div div ul.news-body-content li.news-body-content-post span { margin: 0px 12px; }

.container div div ul.news-body-content li.news-body-content-post p {
    color: #7c7b7c;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Segoe UI';
    margin-top: 5px;
    text-align: justify;
    position: relative;
}

.container div div ul.news-body-content li.news-body-content-post a.read_more {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    background: #f59217;
    display: block;
    height: 25px;
    width: 80px;
    text-align: center;
    padding-top: 4px;
    float: right;
    margin-top: 10px;
}

.container div div ul.news-body-content li.news-body-content-post a.read_more:hover { background: #fdc67e; }

.container div div ul.news-body-content li.news-page-split-page {
    border-top: 1px solid #d3d3d3;
    padding-top: 15px;
    margin-bottom: 70px;
}

.container div div ul.news-body-content li.news-page-split-page span {
    float: right;
    display: block;
}

.container div div ul.news-body-content li.news-page-split-page span a.news-page-arowleft {
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/sprite.png) no-repeat;
    background-position: -40px -70px !important;
}

.container div div ul.news-body-content li.news-page-split-page span a.news-page-arowright {
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/sprite.png) no-repeat;
    background-position: -120px -70px;
}

.container div div ul.news-body-content li.news-page-split-page span a,
.container div div ul.news-body-content li.news-page-split-page span a {
    float: left;
    margin-right: 5px;
    display: block;
    width: 19px;
    height: 18px;
    background: #ff9306;
    outline-style: none;
    padding: 2px 6px;
    color: #fff;
    text-decoration: none;
}

.container div div ul.news-body-content li.news-page-split-page span a.active {
    float: left;
    margin-right: 5px;
    display: block;
    width: 19px;
    height: 18px;
    background: #575757;
    outline-style: none;
    padding: 2px 6px;
    color: #fff;
}

.container div div ul.news-body-content li.news-page-split-page span a:hover {
    float: left;
    margin-right: 5px;
    display: block;
    width: 19px;
    height: 18px;
    background: #f7c482;
    outline-style: none;
    padding: 2px 6px;
    color: #fff;
}

/***side bar***/

.container div.row div.col-md-3 ul.news-sidebar li { margin-bottom: 35px; }

.container div.row div.col-md-3 ul.news-sidebar li h3 {
    color: #ff9306;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 13px;
}

.container div.row div.col-md-3 ul.news-sidebar li ul li {
    margin: 0px;
    border-bottom: 1px solid #d3d3d3;
    color: #d3d3d3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.container div.row div.col-md-3 ul.news-sidebar li ul li a,
.container div.row div.col-md-3 ul.news-sidebar li ul li span {
    color: #7c7b7c;
    font-size: 12px;
    font-weight: 400 !important;
    margin-left: 0px;
}

#menu-sidebar-group li a { margin-left: 10px !important; }

.container div.row div.col-md-3 ul.news-sidebar li ul li a:hover {
    color: #ff9306;
    font-size: 12px;
    font-weight: 800;
}

/* eo */

div.col-md-3 ul.news-sidebar li.news-hot-post div:first-child { border-bottom: none !important; }

div.col-md-3 ul.news-sidebar li.news-hot-post div {
    display: inline-block;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 7px 0px;
    margin-bottom: -4px
}

div.col-md-3 ul.news-sidebar li.news-hot-post div a img { float: left; }

div.col-md-3 ul.news-sidebar li.news-hot-post div a p {
    float: right;
    width: 142px;
    color: #c0bfc0;
    font-weight: 700;
    padding-left: 5px;
}

div.col-md-3 ul.news-sidebar li.news-hot-post div a p:hover { color: #ff9306; }

div.col-md-3 ul.news-sidebar li .tagcloud a {
    color: #8f8f8f;
    font-weight: 400;
    padding-left: 5px;
    font-size: 12px !important;
}

div.col-md-3 ul.news-sidebar li .tagcloud a:hover { color: #ff9306; }

div.pop-layout-v ul.pop-widget-tabs li { display: none; }

div.pop-inside { border: none; }

div.pop-inside ul li {
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
}

/***side bar***/

/*=====================end news-sidebar page Thuan style==========================*/
/*=====================news-detail-sidebar page Thuan style=======================*/

div.news-head section.news-detail-sidebar h1 {
    color: #ff9306;
    font-size: 22px;
    font-weight: 700;
}

div.news-head section.news-detail-sidebar h2 { color: #747473; }

div.news-head section.news-detail-sidebar h2:hover { color: #ff9306; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post {
    border: none;
    display: block;
}

section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post {
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

.container div div ul.news-body-content li.news-body-content-post p:first-child {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 17px;
    padding-bottom: 12px;
}

section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post p {
    color: #acacac;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    margin-top: 15px;
    text-align: justify;
}

section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post div.news-detail-bgpost { display: inline-block; }

section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post blockquote,
section.news-detail-sidebar div div ul.news-body-content li.news-body-content-post blockquote p {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    color: #a9a9a9;
    border-left: 10px solid #1eb2ff;
    background: #f6f6f6;
    border-bottom: none;
    padding: 18px 20px;
    margin-bottom: 0px;
    margin-top: 15px;
}

/***tags***/

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-tags {
    color: #ffb057;
    margin: 0px;
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    max-width: 300px;
    display: block;
    float: left;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-tags a:first-child { margin-left: 15px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-tags a {
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-tags a:hover {
    color: #ffb057;
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share {
    float: right;
    color: #ffb057;
    margin: 0px;
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: block;
    width: 35%;
    min-width: 167px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a { display: block; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-fb,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-in,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-pin,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-tw,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-google,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-forrt {
    display: block;
    height: 18px;
    width: 18px;
    float: right;
    margin-left: 10px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-fb:hover,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-in:hover,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-pin:hover,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-tw:hover,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-google:hover,
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-forrt:hover {
    display: block;
    height: 18px;
    width: 18px;
    float: right;
    margin-left: 10px;
    opacity: 0.5;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-fb { background-position: -160px -70px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-in { background-position: -240px -70px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-pin { background-position: -0px -90px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-tw { background-position: -80px -90px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-google { background-position: -160px -90px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-view span.news-detail-share a.news-detail-share-forrt { background-position: -240px -90px; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-newold {
    clear: both;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    height: 30px;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-newold a {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #8f8f8f;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-newold a:hover {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #ffae51;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-newold a.news-detail-newold-new { float: right; }

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-newold a.news-detail-newold-old { float: left; }

/***end tags***/

/***conment***/
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt div,
.gui-binh-luan{
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #afafaf;
    position: relative;
    padding-bottom: 5px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt hr {
    width: 90%;
    position: absolute;
    top: -8px;
    left: 70px;
}

/*form*/
#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt textarea {
    border:  1px solid #e2dfdf;
    width: 100%;
    height: 178px;
    resize: none;
    margin-top: 15px;
    padding: 5px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt input {
    border:  1px solid #e2dfdf;
    width: 37.3%;
    height: 26px;
    color: #cacaca;
    margin: 10px 9px 0px 0px;   
    padding-left: 10px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt input.news-detail-submit {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    border:  1px solid #999999;
    width: 21%;
    height: 26px;
    color: #cacaca;
    color: #858484;
    float: right;  
    margin-right: 0;  

    background: #eeeeee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 29%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(29%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 29%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 29%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 29%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 29%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-cmt input.news-detail-submit:hover {
    color: #fff;
    background: #f6e6b4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 41%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(41%,#ed9017)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 41%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 41%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 41%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 41%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-8 */
}

.proline{
    margin-bottom: 0;
}

.nocomments {
    font-weight: 400;
}

ul.showcomments .reply{
    text-align: left !important;
    margin-top: 5px;
}

ul.showcomments .reply a,
ul.showcomments .reply a:hover{
    background: none repeat scroll 0% 0% rgb(255, 147, 6);
    font-style: normal;
    font-weight: 400;
    border-radius: 0;
    font-size: 11px;
}

ul.showcomments p {
    font-weight: 400;
    padding-left: 10px;
}

/***end comment***/

/***Related Articles***/

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-RelatedArticles {
    margin-top: 54px;
    padding: 0px;
    margin-bottom: 85px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-RelatedArticles h3 {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ff9306;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 5px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-RelatedArticles ul li a img {
    height: 128px;
    width: 220px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-RelatedArticles ul li a p {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #7b7b7b;
    width: 220px;
    line-height: 15px;
    margin-top: 10px;
}

#main section.news-detail-sidebar div div ul.news-body-content li.news-detail-RelatedArticles ul li a p:hover {
    font-family: 'Segoe UI', 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #ffa43c;
    width: 220px;
    line-height: 15px;
    margin-top: 10px;
}

/*=====================end news-sidebar page Thuan style==========================*/

/*=======================================================================*/
/* Custom by Mr Tùng */
/* 27/10/2013 5:00 PM */
/*=======================================================================*/

.breadcrumb-sevices h2 {
    color : #585858;
    font-size: 24px;
    font-family: "Segoe UI";
    padding-top: 42px;
    padding-left: 30px;
    font-weight: 600;
}

.services-ul { margin-top: 20px !important; }

.breadcrumb-sevices {
    height: 125px;
    background-color: #f3f3f3;
    margin-top: 0px;
    margin-right: 0px;
}

.breadcrumb-sevices h3 {
    color: #ff9306;
    font-size: 14px;
    font-weight: 600;
    padding-left: 30px;
}

.services-top-content h2 {
    color: #585858;
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 600;
    margin-top: 0;
    padding-top: 0;
    line-height: 20px;
}

.services-top-content p {
    margin-top: 12px;
    font-size: 12px;
    font-family: "Segoe UI";
    color: #a5a5a5;
    text-align: justify;
}

.services-top-content span { color: #ff9306; }

.services-top-content { position: relative; }

.services-top-content span.shadow {
    background: url('../img/services/shadow-bg.png') no-repeat;
    display: block;
    width: 960px;
    height: 10px;
    position: absolute;
    bottom: -6px;
}

.mid-content h2 {
    color: #585858;
    margin-top: 50px;
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 600;
}

.mid-content a { color: #ff9306; }

.mid-content a:hover {
    color: #fdbf78;
    text-decoration: none;
}

.mid-content {
    border-bottom: 1px solid #efefef;
    padding-bottom: 60px;
}

.mid-content .col-md-4:first-child { border-top: 1px solid #efefef; }

.mid-content .col-md-4 {
    margin-top: 30px;
    height: auto;
}

.mid-content .col-1 {
    padding-right: 15px;
}

.mid-content .col-2 {
    padding-left: 15px;
    padding-right: 15px;
}

.mid-content .col-3 {
    padding-left: 15px;
}

.mid-content h3 {
    padding-top: 46px;
    color: #676767;
    font-size: 16px;
    font-family: "Segoe UI";
    font-weight: 600;
}

.mid-content p {
    margin-top: 25px;
    color: #7c7c7c;
    font-family: "Segoe UI";
    font-size: 12px;
}

.mid-content div a {
    display: block;
    color: #ff9306;
    font-family: "Segoe UI";
    font-size: 12px;
    text-decoration: none;
    float: right;
    margin-top: 10px;
}

.services-bot-content h2 {
    color: #585858;
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 600;
    margin-top: 50px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

div.flexslider ul.slides a.read-more {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    background: #f59217;
    display: block;
    height: 25px !important;
    width: 80px !important;
    text-align: center;
    padding-top: 4px;
    float: right;
    margin-top: 10px;
}

div.flexslider ul.slides a.read-more:hover { background: #fdc27f; }

div.service-bot-content { margin-bottom: 70px; }

div.service-bot-content div.flex-viewport ul.slides {
    height: auto !important;
    margin: 0px;
    padding: 7px 0px 0px 0px;
}

/*_________Contact 's Style'___________*/

.service-top-contain h1,
.tieude h2{
    font-size: 14px;
    font-weight: 600;
    font-family: "Segoe UI", 'Open Sans', sans-serif;
    color: #9c9b9b;
}

div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6{
    margin: 0px;
}
div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6 input{
    float: left;
    width: 100%;
    height: 33px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid rgb(203, 203, 200);
    color: rgb(165, 165, 165);
    font-size: 12px;
    padding: 5px;
}

div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6 .wpcf7-form-control-wrap{
    border: 4px solid rgb(247, 247, 247);
    display: inline-block;
    margin: 5px 0px;
}

div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6 textArea{
    float: left;
    width: 100%;
    height: 98px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid rgb(203, 203, 200);
    color: rgb(165, 165, 165);
    font-size: 12px;
    resize: none;
    margin-top: 0px !important;
    padding: 5px;
}

div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6 span.row span.btn-delete{
    padding-left: 0px;
    padding-right: 6px;

}

div.contact-form-style .wpcf7 .wpcf7-form span.col-md-6 span.row span.btn-submit{
    padding-left: 6px;
    padding-right: 0px;
}

div.contact-right ul li{
    font-size: 12px;
    font-weight: 400;
    font-family: "Segoe UI", 'Open Sans', sans-serif;
    color: #9c9b9b;
    margin-bottom: 15px;
}

/* 28/10/2013 404 */

.link-container a:hover { color: #fab357 !important; }

/*________Reponsive___________*/

.navbar-toggle{
    background: url("../img/toggle-icon.png") no-repeat !important;    
    right: 50%;
    z-index: 999;
    width: 54px;
    padding: 0px;
    height: 25px;
    margin-bottom: 50px;
}

@media (max-width: 340px){
    .main-nav li {
        width: 100% !important;
        margin-left: -1px !important;
    } 
    .line {
        display: none;	
    }
    .header span.home-header-shadow {
        display: none;	
    }
    div.home-slider p.home-slider-shadow{
        display: none;
    }
}

@media (max-width: 953px){
    .main-nav li {
        width: 100% !important;
        margin-left: -1px !important;
    } 
    .line {
        display: none;	
    }
    .header span.home-header-shadow {
        display: none;	
    }
    div.home-slider p.home-slider-shadow{
        display: none;
    }

}

.container_nav .navbar-collapse.in {
    overflow-y: visible !important;
}

.container_nav .navbar-collapse {
    max-height: none !important;
}

.navbar-collapse.in {
    overflow-y: visible;
}